<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Gestion de Usuario</title>
	<style type="text/css">
.ui-widget {
	font-size: 90%;
}
</style>
</h:head>
<body>
	<h:form>
		<p:growl autoUpdate="true" showDetail="true" />
		<p:panelGrid columns="2">
			<p:outputLabel value="Codigo: " for="codigo" />
			<p:inputText id="codigo" value="#{backGestorUsuarios.usuario.codigo}" style="width:200px;" required="true" 
			disabled="#{backGestorUsuarios.esNuevoUsuario eq false}" />
			
			<p:outputLabel value="DNI: " for="dni" />
			<p:inputText id="dni" value="#{backGestorUsuarios.usuario.dni}" style="width:200px;" required="true" />
			
			<p:outputLabel value="Nombres: " for="nombre" />
			<p:inputText id="nombre" value="#{backGestorUsuarios.usuario.nombres}" style="width:200px;" required="true" />

			<p:outputLabel value="A. paterno: " for="paterno" />
			<p:inputText id="paterno" value="#{backGestorUsuarios.usuario.apellidoPaterno}" style="width:200px;"
				required="true" />

			<p:outputLabel value="A. materno: " for="materno" />
			<p:inputText id="materno" value="#{backGestorUsuarios.usuario.apellidoMaterno}" style="width:200px;"
				required="true" />

			<p:outputLabel value="Email: " for="email" />
			<p:inputText id="email" value="#{backGestorUsuarios.usuario.email}" style="width:200px;" required="true" />

			<p:outputLabel value="Movil: " for="movil" />
			<p:inputMask id="movil" value="#{backGestorUsuarios.usuario.movil}" style="width:200px;" mask="999-999-999"
				required="true" />

			<p:outputLabel value="Usuario " for="usuario" />
			<p:inputText id="usuario" value="#{backGestorUsuarios.usuario.username}" style="width:200px;"
				required="true" />

			<p:outputLabel value="Password: " for="password" />
			<p:password id="password" value="#{backGestorUsuarios.usuario.password}" style="width:200px;"
				required="true" redisplay="true"/>

			<p:outputLabel value="Estado" for="estado" />
			<p:selectOneMenu id="estado" value="#{backGestorUsuarios.usuario.estado}">
				<f:selectItem itemLabel="#{backGestorUsuarios.usuario.estado eq 1 ? 'Activo' : 'Bloqueado'}" itemValue="#{backGestorUsuarios.usuario.estado}" />
				<f:selectItem itemLabel="#{backGestorUsuarios.usuario.estado eq 1 ? 'Bloqueado' : 'Activo'}" itemValue="#{1 - backGestorUsuarios.usuario.estado}" />
			</p:selectOneMenu>

			<p:outputLabel value="Perfil " for="perfil" />
			<p:selectOneMenu id="perfil" value="#{backGestorUsuarios.nombrePerfil}">
				<f:selectItem itemLabel="#{backGestorUsuarios.usuario.perfil.nombre}" itemValue="#{backGestorUsuarios.usuario.perfil.nombre}" />
				<f:selectItem itemLabel="#{backGestorUsuarios.usuario.perfil.nombre eq 'Administrador' ? 'Monitor' : 'Administrador'}" itemValue="#{backGestorUsuarios.usuario.perfil.nombre eq 'Administrador' ? 'Monitor' : 'Administrador'}" />
			</p:selectOneMenu>

			<f:facet name="footer">
				<p:commandButton icon="ui-icon-disk" value="Guardar" actionListener="#{backGestorUsuarios.guardar}" />
				<p:commandButton icon="ui-icon-cancel" value="Cancelar" immediate="true"
					actionListener="#{backGestorUsuarios.cancelar}" />
			</f:facet>
		</p:panelGrid>
	</h:form>
</body>
</html>
